<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<meta name="description"
    content="The text should be centered, with a line break before the last
    sentence">
<style>
@page {
    size: 400pt 300pt;
    margin: 50pt;
}

html {
    font-family: sans-serif;
    font-size: 14pt;
    line-height: 16pt;
}

p {
    margin: 0;
    text-indent: 30%;
    text-align: center;
}

.box {
    width: 50pt;
    height: 200pt;
    background-color: rgba(0, 0, 255, 0.25);
}
</style>
</head>

<body>
    <div class="box" style="float: left;"></div>
    <div class="box" style="float: right;"></div>
    <p>Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor
    incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
    nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi
    consequat.
    <br>Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu
    fugiat nulla pariatur.</p>
</body>

</html>
